<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>首页面</title>
    <#include "../commonFile/quote.ftl"/>
    <script>
        $(function(){
            //默认跳转
            $("#frame").attr("src", "${menuList[0].path!}");
            switch("${menuList[0].name!}"){
                case "档案上传":
                    $("#${fileUpload}").find("div").css("background-image","url(../../Images/Common/档案上传（选中）.png)");
                    break;
                case "全文检索":
                    $("#${fullSearch}").find("div").css("background-image","url(../../Images/Common/全文检索（选中）.png)");
                    break;
                case "统计分析":
                    $("#${analysis}").find("div").css("background-image","url(../../Images/Common/统计分析（选中）.png)");
                    break;
                case "系统设置":
                    $("#${system}").find("div").css("background-image","url(../../Images/Common/系统设置（选中）.png)");
                    break;
                default:
                    break;
            }
        });
        function menuclick(name,path){
            switch(name){
                case "档案上传":
                    $("#${fileUpload}").find("div").css("background-image","url(../../Images/Common/档案上传（选中）.png)");
                    $("#${fullSearch}").find("div").css("background-image","url(../../Images/Common/全文检索.png)");
                    $("#${analysis}").find("div").css("background-image","url(../../Images/Common/统计分析.png)");
                    $("#${system}").find("div").css("background-image","url(../../Images/Common/系统设置.png)");
                    break;
                case "全文检索":
                    $("#${fileUpload}").find("div").css("background-image","url(../../Images/Common/档案上传.png)");
                    $("#${fullSearch}").find("div").css("background-image","url(../../Images/Common/全文检索（选中）.png)");
                    $("#${analysis}").find("div").css("background-image","url(../../Images/Common/统计分析.png)");
                    $("#${system}").find("div").css("background-image","url(../../Images/Common/系统设置.png)");
                    break;
                case "统计分析":
                    $("#${fileUpload}").find("div").css("background-image","url(../../Images/Common/档案上传.png)");
                    $("#${fullSearch}").find("div").css("background-image","url(../../Images/Common/全文检索.png)");
                    $("#${analysis}").find("div").css("background-image","url(../../Images/Common/统计分析（选中）.png)");
                    $("#${system}").find("div").css("background-image","url(../../Images/Common/系统设置.png)");
                    break;
                case "系统设置":
                    $("#${fileUpload}").find("div").css("background-image","url(../../Images/Common/档案上传.png)");
                    $("#${fullSearch}").find("div").css("background-image","url(../../Images/Common/全文检索.png)");
                    $("#${analysis}").find("div").css("background-image","url(../../Images/Common/统计分析.png)");
                    $("#${system}").find("div").css("background-image","url(../../Images/Common/系统设置（选中）.png)");
                    break;
                default:
                    break;
            }
            $("#frame").attr("src", path);
        }
    </script>
    <style>
        div.Firstmenu>ul>li>div {
            height:50px;
            text-align:center;
            cursor:pointer;
        }
        div.Firstmenu>ul>li:hover  {
            opacity:1;
            transform:none;
        }
        div.Firstmenu>ul {
            display:-webkit-flex;
            display:-moz-flex;
            display:-ms-flex;
            display:-o-flex;
            display:flex;
            list-style:none;
            position: relative;
            top: 12px;
        }
        div.Firstmenu>ul>li>div>span{
            font-size: 10px;
            position: relative;
            left: -21px;
            top: 2px;
            color: lemonchiffon;
        }
    </style>
</head>
<body>
<div style="width:100%;height:13%;background-color:#066CAC">
    <div style="width:25%;display: inline-block;">
        <img  src="../../Images/Common/sign.png"  height="65" width="95%"/>
    </div>
    <div class="Firstmenu" style="width:44%;display: inline-block;margin-left: 100px;line-height: 6px;height: 10px;">
        <ul>
             <#list menuList as menu>
                 <#if menu.name == "档案上传">
                     <li>
                         <div  id="${menu.id!}" onclick="menuclick('${menu.name!}','${menu.path!}')"  style="width:83px;margin:0 auto;">
                             <div class="titleImg" style="background-image: url(../../Images/Common/档案上传.png);background-size: 100% 100%;width: 42px;height: 42px;"> </div><br/>
                             <span>档案上传</span>
                         </div>
                     </li>
                 </#if>
                 <#if menu.name == "全文检索">
                     <li>
                         <div  id="${menu.id!}" onclick="menuclick('${menu.name!}','${menu.path!}')" style="width:83px;margin:0 auto;">
                             <div class="titleImg"  style="background-image: url(../../Images/Common/全文检索.png);background-size: 100% 100%;width: 42px;height: 42px;"> </div><br/>
                             <span>全文检索</span>
                         </div>
                     </li>
                 </#if>
                 <#if menu.name == "统计分析">
                     <li>
                         <div  id="${menu.id!}" onclick="menuclick('${menu.name!}','${menu.path!}')"  style="width:83px;margin:0 auto;">
                             <div class="titleImg" style="background-image: url(../../Images/Common/统计分析.png);background-size: 100% 100%;width: 42px;height: 42px;"> </div><br/>
                             <span>统计分析</span>
                         </div>
                     </li>
                 </#if>
                 <#if menu.name == "系统设置">
                     <li>
                         <div  id="${menu.id!}" onclick="menuclick('${menu.name!}','${menu.path!}')"  style="width:83px;margin:0 auto;">
                             <div class="titleImg" style="background-image: url(../../Images/Common/系统设置.png);background-size: 100% 100%;width: 42px;height: 42px;"> </div><br/>
                             <span>系统设置</span>
                         </div>
                     </li>
                 </#if>
             </#list>
        </ul>
    </div>
    <div  style="width:22%;display: inline-block;position:relative;top: -35px;height:100%;">
        <span style="color:#fff;font-size: 12px;position: relative;left:145px;top:9px;">${unit}:${name}</span>
        <a href="/login/logout" style="color:#fff;font-size: 12px;position: relative;left:155px;top:9px;">退出</a>
    </div>
</div>
<div style="width:100%;height:87%;">
    <iframe id="frame" name="frame" style="width: 100%;height: 99%;" marginwidth="0" frameborder="0"></iframe>
</div>
</body>
</html>